html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
html,body{height: 100%;max-width: 414px;display: block;margin: 0 auto;}
.outside{
	position:fixed;
   
	 top:0;
	 left:0;
	 right:0;
	 bottom:0;
	 overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
}
.inside{
	height: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol,li, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
b,strong{font-weight:bold;}

body{background: #F5F5F5;}
body,input,select,textarea,button{
	font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial;
	font-size:12px;
	color:#333;
	line-height: 1;
}
em,i{font-style: normal;}
button{ cursor:pointer;}
a{
	text-decoration:none;
	
}
a:hover{
	text-decoration:none;
}

/*input::-moz-placeholder,textarea::-moz-placeholder {
	color: #888;
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #888;
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #888;
}*/

input:focus,textarea:focus{ outline:none;}

.brand_name{
    background: url('../images2/top_banner.png') no-repeat center center;
    background-size: cover;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,.1);
    font-size: 0;
    padding: 0.5rem .75rem .75rem;
}
.brand_name .brand_l{
    width: 35%;
    display: inline-block;
    vertical-align: top;
}
.brand_name .brand_l img{
    max-width: 80%;
    margin: .5rem auto;
}
.brand_name .brand_l b{
    font-size: 1.8rem;
    color: #fff;
    display: block;
    text-align: center;
    line-height: 2.6rem;
    margin-top: .5rem;
    font-weight: normal;
}
.brand_name .brand_l b{}
.brand_name .brand_l p{
    text-align: center;
}
.brand_name .brand_l p img{
    width: .75rem;
    margin: 0 3px;
}
.brand_name .brand_r{
    text-align: right;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 65%;
}
.brand_name .brand_r h3{
    font-size: .9rem;
    font-weight: bold;
    line-height: 1.6rem;
}
.brand_name .brand_r i{
    font-size: .6rem;
    line-height: 1.2rem;
    color: rgba(255,255,255,.8);
}
.brand_name .brand_r p{
    margin-top: .5rem;
}
.brand_name .brand_r p span{
    display: block;
    font-size: .72rem;
    line-height: 1.4rem;
    color: rgba(255,255,255,.8);
}
.brand_name .brand_b{
    font-size: .62rem;
    color: #88b4f1;
    text-align: center;
    line-height: 1rem;
    margin-top: 1.5rem;
    letter-spacing: 1px;
}
.brand_name .brand_b a{}
.brand_name .brand_b a i{
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    font-size: 1rem;
}

.title{
    margin-top: 1rem;
    padding: 0 .75rem;
}
.title label{
    font-size: .95rem;
    font-weight: 550;
    line-height: 2rem;
    display: inline-block;
    letter-spacing: 1px;
    vertical-align: middle;
}
.title .error{
    float: right;
    color: #fff;
    background: url('../images2/orange.png') no-repeat center center;
    background-size: cover;
    padding: 0 3px;
    line-height: .8rem;
    border-radius: .5rem;
    font-size: .5rem;
    margin-top: .55rem;
    letter-spacing: 1px;
}
.title .error i{
    font-size: .7rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
}

.title .state{
    float: right;
    height: 1rem;
    margin-top: .5rem;
    line-height: 1rem;
}
.title .state span{
    margin-left: .5rem;
}
.title .state span img{
    width: 1.1rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}
.title .state span i{
    display: inline-block;
    vertical-align: middle;
    font-size: .5rem;
    color: #888;
    /* line-height: 1rem; */
    /* height: 1rem; */
}

.title .tip{
    color: #888;
    text-align: right;
    font-size: .6rem;
    line-height: 1rem;
    float:right;
    letter-spacing: 1px;
    margin-top: .5rem;
}
.title .tip i{
    display: inline-block;
    vertical-align: middle;
    /*width: 14px;*/
    width:10px;
    height: 14px;
    margin-top: -2px;
    /*margin-right: 4px;*/
}
.title .tip i.cricle_blue{background: url('../images2/cricle_blue.png') no-repeat center center;background-size: cover;}

.nav{
    padding: 0 .75rem;
}
.nav p{
    position: relative;
    padding-right: 2.4rem;
    line-height: 2rem;
    margin-top: .75rem;
}
.nav p label{
    display: block;
    background: url('../images2/nav_bg.png') no-repeat center center;
    background-size: 100% 100%;
    font-size: .72rem;
    font-family: PingFangSC-Light, sans-serif;
    text-indent: .75rem;
    padding-right: 1rem;
    color: #5f5f5f;
}
.nav p label i{
	color: #e6642e;
	font-size:.65rem;
	float:right;
}
.nav p span{
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
}
.nav p span img{
    width: 2rem;
}

.list{
    padding: 0 1.5rem;
    position: relative;
}
.list .list_l{
    display: block;
    background: url('../images2/list_l.png') no-repeat center center;
    background-size: 100% 100%;
    width: 7px;
    height: 80px;
    position: absolute;
    left: .75rem;
    top: 50%;
    margin-top: -60px;
}
.list .list_r{
    display: block;
    background: url(../images2/list_r.png) no-repeat center center;
    background-size: 100% 100%;
    width: 7px;
    height: 80px;
    position: absolute;
    right: .75rem;
    top: 50%;
}
.list ul{
    font-size: 0;
    margin-left: -.75rem;
}
.list li{
    width: 33.33%;
    display: inline-block;
    vertical-align: middle;
}
.list li .inner{
    background: #fff;
    margin-left: .75rem;
    margin-top: .75rem;
    border-radius: 20px;
    padding: .5rem 0;
    box-shadow: 0px 0px 8px 0px rgb(224,219,219,.2);
}
.list li .inner img{
    height: 2.2rem;
    display: block;
    margin: 0 auto;
}
.list li .inner span{
    color: #888;
    display: block;
    text-align: center;
    font-size: .6rem;
    line-height: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list li.wrong span{
    color: #333;
}

.car_info{
    background: url('../images2/car_r_bg.png') no-repeat center center;
    overflow: hidden;
    background-size: 100% 100%;
}
.car_info .car_l{
    width: 40%;
    background: url('../images2/car_bg.png') no-repeat center center;
    display: block;
    margin-left: .75rem;
    padding: .75rem;
    border-radius: 10px;
    padding-right: 4rem;
    position: relative;
}
.car_info .car_l{}
.car_info .car_l .tips{
    color: #fff;
    background: url('../images2/orange.png') no-repeat center center;
    background-size: cover;
    padding: 0 3px;
    margin: .5rem 0;
    line-height: 1.1rem;
    border-radius: .5rem;
    font-size: .5rem;
    letter-spacing: 1px;
    height: 1.1rem;
}
.car_info .car_l .tips i{
    font-size: .7rem;
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
}

.car_info .car_l label{
    color: #fff;
    font-size: .75rem;
    line-height: 2rem;
    display: block;
}
.car_info .car_l .info{}
.car_info .car_l .info p{
    color: #fff;
    line-height: 2rem;
    font-size: .72rem;
    letter-spacing: 1px;
}
.car_info .car_l .info p i{
    background: url('../images2/dot_white.png') no-repeat center center;
    background-size: 100% 100%;
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.car_info .car_l .info p span{
    display: inline-block;
    vertical-align: middle;
}
.car_info .car_l .info p.errors{}
.car_info .car_l .info p.errors i{
    background: url(../images2/dot_orange.png) no-repeat center center;
    background-size: 100% 100%;
}

.car_info .car_r{
    width: 8rem;
    position: absolute;
    right: -3rem;
    top: 50%;
    margin-top: -10rem;
    height: 20rem;
}
.car_info .car_r img{
    width: 10rem;
}
.car_info .car_r .num{
	position: absolute;
	background: url('../images2/num.png') no-repeat center center;
	background-size: 100% 100%;
	width: 1.4rem;
	height: 1.4rem;
	line-height: 1.4rem;
	color: #fff;
	text-align: center;
	border-radius: 50%;
}
.car_info .car_r .num.num1{
    top: .7rem;
    right: 50%;
    margin-right: -1.5rem;
}
.car_info .car_r .num.num2{
    right: 0;
    top: 2.4rem;
}
.car_info .car_r .num.num3{
    right: -.7rem;
    top: 50%;
    margin-top: -.7rem;
}
.car_info .car_r .num.num4{
    right: 0;
    bottom: 2.4rem;
}
.car_info .car_r .num.num5{
    bottom: .7rem;
    right: 50%;
    margin-right: -1.5rem;
}
.car_info .car_r .num.num6{
    left: 1.4rem;
    bottom: 2.4rem;
}
.car_info .car_r .num.num7{
    left: 1.4rem;
    top: 50%;
    margin-top: -.7rem;
}
.car_info .car_r .num.num8{
    left: 1.4rem;
    top: 2.4rem;
}

.card{
    background: #fff;
    border-radius: 10px;
    margin: 0 .75rem;
    padding: .5rem .75rem;
    box-shadow: 0px 0 10px 0px rgba(0,0,0,.1);
    margin-top: .75rem;
}
.card .info{}
.card .info p{
    line-height: 1.5rem;
    font-size: .72rem;
    /*letter-spacing: 1px;*/
    font-family: PingFangSC-Light, sans-serif;
}
.card .info p label{
    color: #888;
    font-size: .65rem;
    margin-right: .5rem;
}
.card .info p i{
    float: right;
    color: #333;
}
.card .info p i.color1{
    color: #e6642e;
}


.main_box{
    margin: 0 .75rem;
}
.main_box .tip{
    color: #888;
    text-align: right;
    font-size: .6rem;
    line-height: 1rem;
    letter-spacing: 1px;
    margin-top: 1rem;
    display: block;
}
.main_box .tip i{
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 4px;
}
.main_box .tip i.cricle_orange{background: url(../images2/cricle_orange.png) no-repeat center center;
    background-size: cover;
    }

.main_box .date_list{
    margin-top: .75rem;
    font-family: PingFangSC-Light, sans-serif;
}
.main_box .date_list .date{
    background: #fff;
    border-radius: .6rem;
    line-height: 2rem;
    box-shadow: 0px 0 10px 0px rgba(0,0,0,.1);
}
.main_box .date_list .date i{
	 display: inline-block;
	 vertical-align: middle;
	 width: 14px;
	 height: 14px;
	 margin-top: -2px;
	 margin-right: 3px;
	 margin-left:.5rem;
}
.main_box .date_list .date i.cricle_blue{background: url(../images2/cricle_blue.png) no-repeat center center;
    background-size: cover;
    }
.main_box .date_list .date i.cricle_orange{background: url(../images2/cricle_orange.png) no-repeat center center;
    background-size: cover;
    }
.main_box .date_list .date label{
    display: inline-block;
    font-size: .75rem;
    vertical-align: middle;
    margin-right: 3px;
    color: #333;
}
.main_box .date_list .date span{
    float: right;
    padding: 0 .75rem;
}
.main_box .date_list .date span img{
    width: .8rem;
    display: inline-block;
    vertical-align: middle;
    transition:all .3s linear;
}
.main_box .date_list.on .date span img{
	transform:rotate(180deg);
}
.main_box .date_list .date_box{
    box-shadow: 0px 0 10px 0px rgba(0,0,0,.1);
    margin-top: .75rem;
    background: #fff;
    border-radius: .6rem;
    display:block;

    padding: .75rem;
    padding-top: 1px;
}
.main_box .date_list.on .date_box{
	display:none;

}
.main_box .date_list .date_box .slip{}
.main_box .date_list .date_box .slip .date_title{
    line-height: 2rem;
    margin-top: .75rem;
}
.main_box .date_list .date_box .slip .date_title label{
	padding: 0 .75rem;
	display:inline-block;
    line-height: 1.2rem;
    height:1.1rem;
    
    border-radius: .5rem;
    font-size: .65rem;
    letter-spacing: 1px;color: #fff;
}
.main_box .date_list .date_box .slip .date_title label.orange{   
    background: url(../images2/orange.png) no-repeat center center;
    background-size: cover;    
}
.main_box .date_list .date_box .slip .date_title label.blue{
    background: url(../images2/blue.png) no-repeat center center;
    background-size: cover;
}
.main_box .date_list .date_box .slip .date_title img{
    width: .8rem;
    display: inline-block;
    vertical-align: middle;
    float: right;
    transition:all .3s linear;
    margin-top: .6rem;
}

/*.main_box .date_list .date_box .slip .date_info{
    display: none;
}*/

.main_box .date_list .date_box .slip .date_info .info_t{
    display: block;
    font-size: .7rem;
    line-height: 1.2rem;
    padding: 0 .5rem;
    color: #333;
    letter-spacing: 1px;
    margin-top: .5rem;
}
.main_box .date_list .date_box .slip .date_info .info{
    margin-top: .5rem;
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    padding: .5rem;
    font-size: 0;
}
.main_box .date_list .date_box .slip .date_info .info p{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.3rem;
    /* display: flex; */
}
.main_box .date_list .date_box .slip .date_info .info p span{
    font-size: .72rem;
    text-indent: .5rem;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 67px);
    overflow: hidden;
    text-overflow: ellipsis;
   /* white-space: nowrap;*/
}
.main_box .date_list .date_box .slip .date_info .info p label{
    color: #888;
    font-size: .72rem;
    display: inline-block;
    vertical-align: middle;
    width: 67px;
}
.main_box .date_list .date_box .slip .date_info .notes{
    margin-top: .5rem;
}
.main_box .date_list .date_box .slip .date_info .notes p{
    line-height: 2rem;
}
.main_box .date_list .date_box .slip .date_info .notes p i{
	 display: inline-block;
	 vertical-align: middle;
	 width: 10px;
	 height: 10px;
	 margin-top: -2px;
	 margin-right: 3px;
	 /* margin-left:.5rem; */
}
.main_box .date_list .date_box .slip .date_info .notes p i.cricle_blue{
	background: url(../images2/cricle_blue.png) no-repeat center center;
    background-size: cover;
}
.main_box .date_list .date_box .slip .date_info .notes p i.cricle_orange{
	background: url(../images2/cricle_orange.png) no-repeat center center;
    background-size: cover;
} 
.main_box .date_list .date_box .slip .date_info .notes p label{
    display: inline-block;
    font-size: .75rem;
    vertical-align: middle;
    margin-right: .5rem;
    color: #333;
}
.main_box .date_list .date_box .slip .date_info .notes p span{
    float: right;
    margin-right: 1rem;
}
.main_box .date_list .date_box .slip .date_info .notes p span em{
	color: #e6642e;
	margin-right: 3px;
	/* display: inline-block; */
	/* vertical-align: middle; */
}

.main_box .date_list .date_box .slip .date_info .notes .table{
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    padding: 0rem .5rem .5rem;
}
.main_box .date_list .date_box .slip .date_info .notes .table table{
    width: 100%;
}
.main_box .date_list .date_box .slip .date_info .notes .table table th{}
.main_box .date_list .date_box .slip .date_info .notes .table table th span{
    line-height: 2rem;
    color: #333;
    font-size: .72rem;
    text-align:center;
    display:block;
}
.main_box .date_list .date_box .slip .date_info .notes .table table th span.first{
	text-align:left;
	/* text-indent:.75rem; */
}

.main_box .date_list .date_box .slip .date_info .notes .table table td{}
.main_box .date_list .date_box .slip .date_info .notes .table table td span{
    font-size: .72rem;
    color: #888;
    text-align: center;
    display: block;
    line-height: 1.3rem;
}

.main_box .date_list .date_box .slip .date_info .notes .table table td span.first{
	text-align:left;
	/* text-indent:.75rem; */
}

.decripts{
    padding: 0 1.5rem .75rem;
}
.decripts p{
    display: block;
    margin-top: .75rem;
    font-size: .7rem;
    color: #888;
    line-height: 1.2rem;
    letter-spacing: 1px;
}
.decripts p label{
	color:#333;
}

.footer{height: 3rem;display: block;}
.footer p{
	position: fixed;
	right: .75rem;
	bottom: .75rem;
	display:none;

}

.footer img{
	margin-left: .5rem;
	height: 2rem;
}

.table1{
    background: #fff;
    box-shadow: 0px 0 10px 0px rgba(0,0,0,.1);
    border-radius: 6px;
    margin-top: .75rem;
}
.table1 table{
    width: 100%;
    text-align: center;
}
.table1 thead th{
    background: #f5f5f5;
    line-height: 1.8rem;
    font-size: .65rem;
    border: 1px solid #f3f1f1;
    color: #666;
}
.table1 tbody td{
    line-height: 2rem;
    font-size: .72rem;
    border: 1px solid #f3f1f1;
}





